<!DOCTYPE html>
<html lang="zh" xmlns:wicket>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>网上补交文件审批</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/testbook.css">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/auditWebSubmit.css">
    <script type="application/javascript" src="../js/jquery-1.9.0.min.js"></script>
    <script type="application/javascript" src="../js/bootstrap.min.js"></script>
    <script type="application/javascript" src="../js/moment-with-locales.js"></script>
    <script type="application/javascript" src="../js/bootstrap-datetimepicker.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <h1><span class="glyphicon glyphicon-file"></span>网上补交文件审批</h1>
    <hr>
    <div class="search-bar">
        <form action="#" method="post" class="form-inline">
            <div class="form-group">
                <select class="form-control" id="service">
                    <option value="">請選擇服務</option>
                    <wicket:remove>
                        <option value="service1">服務1</option>
                        <option value="service2">服務2</option>
                        <option value="service3">服務3</option>
                    </wicket:remove>
                </select>
            </div>
            <div class="form-group">
                <input type="text" id="txnNo" placeholder="查詢編號" class="form-control"/>
            </div>
            <div class="form-group">
                <input type="text" id="idNumber" placeholder="證件號碼" class="form-control"/>
            </div>
            <div class="form-group">
                <div class='input-group date' id='startDate'>
                    <input type='text' class="form-control" placeholder="起始提交日期"/>
                    <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                </div>
            </div>
            <div class="form-group">
                <div class='input-group date' id='endDate'>
                    <input type='text' class="form-control" placeholder="结束提交日期"/>
                    <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                </div>
            </div>
            <div class="form-group">
                <input type="text" id="customerName" placeholder="客户" class="form-control"/>
            </div>
            <div class="form-group">
                <select class="form-control" id="docType">
                    <option value="">文件類型</option>
                    <wicket:remove>
                        <option value="service1">必須提交</option>
                        <option value="service2">可補交文件</option>
                        <option value="service3">可補充文件</option>
                    </wicket:remove>
                </select>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-success" id="search">查詢</button>
                <button type="reset" class="btn btn-default" id="reset">重置</button>
            </div>
        </form>
    </div>
    <div class="showTable">
        <table class="table table-bordered table-hover">
            <thead>
            <tr>
                <th>查詢編號</th>
                <th>客戶</th>
                <th>服務摘要</th>
                <th>收件類型</th>
                <th>提交時間</th>
                <th class="text-center">審批</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <wicket:remove>
            <tr>
                <td>SP001-250001906</td>
                <td>先生/小姐</td>
                <td>段式測試 - 三段式測試第一階段</td>
                <td>可補交文件</td>
                <td>2023-05-01 10:30</td>
                <td class="text-center"><input type="checkbox"></td>
                <td class="text-center"><button class="btn btn-info btn-sm">查看</button></td>
            </tr>
            <tr>
                <td>SP001-250001803</td>
                <td>先生/小姐</td>
                <td>的士駕駛員證-續年度費</td>
                <td>可補充文件</td>
                <td>2023-05-02 14:15</td>
                <td class="text-center"><input type="checkbox"></td>
                <td class="text-center"><button class="btn btn-info btn-sm">查看</button></td>
            </tr>
            </wicket:remove>
            </tbody>
        </table>
    </div>
</div>

<script>
    $(function () {
        $('#startDate').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn')
        });

        $('#endDate').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn')
        });
    });
</script>
</body>
</html>
